<script setup lang="ts">
import { inject,toRef,computed } from 'vue';
const data: any = inject('data');
const info = computed(() => {
  return data.value.pc_pom_pb_list || {}
})
</script>
<template>
  <div class="h3 title">（4）职业信息</div>
  <table>
  <tbody>
    <tr>
      <th>编号</th>
      <th>工作单位</th>
      <th>单位性质</th>
      <th colspan="2">单位地址</th>
      <th colspan="2">单位电话</th>
    </tr>
    <tr v-for="(item ,i) in info" :key="i">
      <td>{{ i+1 }}</td>
      <td>{{ item.PB040Q01 }}</td>
      <td>{{ item.PB040D02 }}</td>
      <td colspan="2">{{ item.PB040Q02 }}</td>
      <td colspan="2"> {{ item.PB040Q03 }}</td>
    </tr>
    <tr>
      <th>编号</th>
      <th>职业</th>
      <th>行业</th>
      <th>职务</th>
      <th>职称</th>
      <th>进入本单位年份</th>
      <th>信息更新日期</th>
    </tr>
    <tr v-for="(item ,i) in info" :key="i">
      <td>{{ i+1 }}</td>
      <td>{{ item.PB040D04 }}</td>
      <td>{{ item.PB040D03 }}</td>
      <td>{{ item.PB040D05 }}</td>
      <td>{{ item.PB040D06 }}</td>
      <td>{{ item.PB040R01 }}</td>
      <td>{{ item.PB040R02 }}</td>
    </tr>
  </tbody>
</table>
</template>